.container{
  margin-left: 0.0833rem;
  width: 1.875rem;
  height: 1.2917rem;
  background: linear-gradient(90deg, rgba(0,117,255,0.20) -46%, rgba(255,255,255,0.00) 57%);
  box-shadow: inset 0 0 0.2396rem 0.026rem rgba(115, 248, 250, 0.2);
  .content{
    padding: 0.0625rem 0.1458rem;
    .top{
      display: flex;

      .ChTitle{
        font-size: 0.09375rem;
        font-weight: 500;
        line-height: 0.09375rem;
        color: #FFFFFF;
        margin-right: 0.078125rem;
      }
      .EnTitle{
        font-size: 0.09375rem;
        font-weight: normal;
        line-height: 0.09375rem;
        color: #73F8FA;
      }
    }
    .statistics{
      display: flex;
      margin-top: 0.125rem;
      .left{
        display: flex;
        flex-direction: column;
        align-items: start;
        .number{
          font-size: 0.1042rem;
          font-weight: bold;
          line-height: 20px;
          color: #73F8FA;
          margin-bottom: 0.0625rem;
        }
        .text{
          font-size: 0.0625rem;
          font-weight: normal;
          line-height: 0.0625rem;
          color: #989FB3;
        }
      }
      .line{
        height: 0.1875rem;
        width: 0.0052rem;
        background-color: rgba(255, 255, 255, 0.3);
        margin: 0 0.125rem;
      }
      .right{
        display: flex;
        flex-direction: column;
        align-items: start;
        .number{
          font-size: 0.1042rem;
          font-weight: bold;
          line-height: 20px;
          color: #FFBB00;
          margin-bottom: 0.0625rem;
        }
        .text{
          font-size: 0.0625rem;
          font-weight: normal;
          line-height: 0.0625rem;
          color: #989FB3;
        }
      }
    }
    .chart{
      width: 1.5833rem;
      height: 0.75rem;
    }
  }

}